<form  name="login" method="post" action="/befriend/index/login">
  <div id="login"> 
  <h3>Log in</h3>
  <hr>
  <table>
  <tr>
  	<td>username:</td>		<td><input  type="text" name="user"  id="user" /><br /></td>
  </tr>
  <tr>
  	<td>password:</td> 	<td> <input type="password" name="pass_login" id="pass_login" /><br /></td>
  </tr>
  <tr>
  <td colspan = 2><input type="checkbox" name="remember" />Remember login</td> 
  </tr>

  <tr>
  	<td colspan="2"><input type = "submit" value="log in" /></td>
  </tr>
  </table>
  </div>
  <br >
</form>

<div id ="register" >
<div id = "alert" ><?php if( $this->register == 1 ) echo "you are successful registration! Please log in"?></div>
<h1>Create an account:</h1>
<hr>
<form action="/befriend/index/register" id ="dangki" name = "dangki"  method="post" enctype="multipart/form-data" >
<table cellspacing="10">
<tr>
	<td>username:</td><td> <input type = "text" name="username" class="textbox" id="username" /><br /></td><td><div id="errorusername"></div></td>
</tr>
<tr>
    <td>pasword: </td><td><input type = "password" name = "pass" class = "textbox" id="pass" /><br /></td><td><div id="errorpass"></div></td>
</tr>
<tr>
    <td>re-password:</td><td> <input type = "password" name = "repass" id= "repass" class = "textbox" /></td><td><div id="errorrepass"></div></td>
</tr> 
<tr>
	<td colspan=3> <hr></td>
</tr>
<tr>
	<td>full name:</td><td><input type="text" id = "fullname" name = "fullname" class="textbox" /><div  ></div></td><td><div id="errorfullname"></div></td>
</tr>
<tr>
	<td>email:</td><td><input type="text" id = "email" name = "email" class="textbox" /><div  ></div></td><td><div id="erroremail"></div></td>
</tr>
<tr>
	<td>address:</td><td><input type="text" id = "address" name = "address"  /><div class="addinfo" id="addSelect"  ></div></td><td><div id="erroraddress"></div></td>
</tr>
<tr>
	<td>gender:</td><td><input type="radio"  name="sex" value="male" id ="male" checked = checked /> Male <input type="radio" name="sex" value="female" /> Female</td><td><div id="errorgender"></div></td>
</tr>
<tr>
	<td>date of birth: </td><td id="dob" ><input type="text" name = "day" id="day" maxlength="2" size=4 class="dob" />
    							-<input type="text" name = "month" id="month" maxlength="2" size=4 class="dob" />
                                -<input type="text" name = "year" id="year" maxlength="4" size=6 class="dob"  /></td><td><div id="errordob"></div></td>
</tr>

<tr>
	<td>avartar</td><td><input type="file" name="avatar" id="avartar" /></td><td></td>
</tr> 
<tr>
	<td colspan=3> <hr></td>
</tr>  
<tr>
	<td>music:</td><td style="border: #BDC7D8 solid 1px; background-color: #ffffff;"><span id="musiccell" ></span> <input type="text" id = "music" name = "music" value="<?php echo $info->music ?>"  autocomplete = off /></td><td><div id="errormusic"></div></td>
</tr>
<tr>
	<td></td><td colspan = 2><div id="musSelect" class="addinfo" ></div></td>
</tr>
<tr>
	<td>sport:</td><td style="border: #BDC7D8 solid 1px; background-color: #ffffff;"><span id="sportcell" ></span> <input type="text" id = "sport" name = "sport" value="<?php echo $info->sport ?>" autocomplete = off /></td><td><div id="errorsport"></div></td>
</tr>
<tr>
	<td></td><td colspan = 2><div id="spoSelect"  class="addinfo"  ></div></td>
</tr>
<tr>
	<td colspan=3> <hr></td>
</tr>
<tr>
	<td colspan = 2 ><div id="check"></div></td>
</tr>
</table>
<img src="/images/register.png" id="button"  />
<img  id="reset" src="/images/reset.png"  />
</form>
</div>


